﻿body
{
	background: #000000 url(images/overlay.png) repeat-x;
	color: White;
	margin: 0;
	padding: 0;
	text-align: center;
	font-family: Arial, Helvetica, Sans-Serif;
	font-size: 18px;
}

article, aside, figure, footer, header, hgroup, nav, section
{
	display: block;
}

nav 
{
	padding: 0;
	margin: 0;
}

a
{
	background: #336699 url(images/overlay.png) repeat-x;
	display: block;
	padding: 0.5em 1em 0.6em;
	color: #fff;
	width: 80%;
	margin: 1% auto;
	text-decoration: none;
	-moz-border-radius: 0.6em;
	-webkit-border-radius: 0.6em;
	-moz-box-shadow: 0 0.1em 0.3em rgba(0,0,0,0.6);
	-webkit-box-shadow: 0 0.1em 0.3em rgba(0,0,0,0.6);
	text-shadow: 0 -0.1em 0.1em rgba(0,0,0,0.25);
	border-bottom: 0.1em solid rgba(0,0,0,0.25);
	position: relative;
	cursor: pointer;
	margin-top: 1em;
}

a:hover, a:focus
{
	background: #339933 url(images/overlay.png) repeat-x;
}

.current a 
{
	background: #993399 url(images/overlay.png) repeat-x;
}

article 
{
	margin: 4% 0;
}

h1, h2, h3, h4, h5, h6
{
	width: 80%;
	margin: 0 auto;
	padding: 0.8em 0 0.3em 0;
	clear: both;
}

h1 
{
	font-size: 1.4em;
}

h2 
{
	font-size: 1.2em;
}

fieldset 
{
	clear: both;
	border: none;
}

input 
{
	width: 88%;
	margin: 0.2em auto;
	text-align: center;
	font-size: 2em;
}

input[type='submit']
{
	font-size: 1em;
	background: #336699 url(images/overlay.png) repeat-x;
	display: inline-block;
	padding: 0.5em 1em 0.6em;
	color: #fff;
	text-decoration: none;
	-moz-border-radius: 0.6em;
	-webkit-border-radius: 0.6em;
	-moz-box-shadow: 0 0.1em 0.3em rgba(0,0,0,0.6);
	-webkit-box-shadow: 0 0.1em 0.3em rgba(0,0,0,0.6);
	text-shadow: 0 -0.1em 0.1em rgba(0,0,0,0.25);
	border-bottom: 0.1em solid rgba(0,0,0,0.25);
	position: relative;
	cursor: pointer;
	margin-top: 1em;
}

ul
{
	padding: 0;
	margin: 0;
}

ul li
{
	list-style: none;
	padding: 0;
	margin: 0;
}

.statusokay
{
	background: #339933 url(images/overlay.png) repeat-x;
	color: White;
	text-shadow: 0 -0.1em 0.1em rgba(0,0,0,0.25);
}

.statuswarning
{
	background: #996633 url(images/overlay.png) repeat-x;
	color: White;
	text-shadow: 0 -0.1em 0.1em rgba(0,0,0,0.25);
}

.statuserror
{
	background: #993333 url(images/overlay.png) repeat-x;
	color: White;
	text-shadow: 0 -0.1em 0.1em rgba(0,0,0,0.25);
}

.statusdisabled
{
	background: Silver url(images/overlay.png) repeat-x;
	border: 0.1em solid Black;
	color: White;
	text-shadow: 0 -0.1em 0.1em rgba(0,0,0,0.25);
}

.progress
{
	background: Black url(images/overlay.png) repeat-x;
	width: 80%;
	margin: 1% auto;
}

.progress > .bar
{
	text-align: right;
	overflow: visible;
	background-color: #339933;
	color: White;
}

div.splitleft
{
	width: 40%;
	margin-left: 5%;
	float: left;
	clear: left;
}

div.splitright
{
	width: 40%;
	margin-left: 5%;
	float: left;
}